<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>泰和红枣-首页</title>
<script src="${CDN}/front/js/jquery-1.4.2.min.js"></script>
<!-- <script src="${CDN}/front/js/jquery.foucs.js"></script> -->
<link href="${CDN}/front/css/common.css" type="text/css" rel="stylesheet"/>
<link href="${CDN}/front/css/index.css" type="text/css" rel="stylesheet"/>

</head>

<body>

<div id="index_b_hero" class="bg-img" style="overflow-x: hidden;">
    <div class="hero-wrap">
      <ul class="heros clearfix">
      	<%
		 for(item in itemList ){
		%>
		<li class="hero" id="hero${itemLP.index}"><a href="${item.accessUrl}" target="_blank"><img src="${CDN}${item.imgUrl}" width="100%" height="100%" /></a></li>
		<%}%>
 	  </ul>
    </div>
     <div class="helper">
       <div class="mask-left"> </div>
       <div class="mask-right"> </div>
       <div class="turn">
  		<div class="turn_left" onclick="turn_left()" style="float:left;"><a href="#" class="prev icon-arrow-a-left"><img src="${CDN}/front/img/turnleft.png" width="58" height="55" border="0"/></a></div> 
        <div class="turn_right" onclick="turn_right()" style="float:right;"> <a href="#" class="next icon-arrow-a-right"><img src="${CDN}/front/img/turnright.png" width="58" height="55" border="0" /></a> </div>
      </div>
     </div>
  <script type="text/javascript">
     //   $.foucs({ direction: 'right' });
     var nowShow=1;
     var $container = $('#index_b_hero');
     $imgs = $container.find('li.hero');
     hidden_all();
     show_now();
    
    function turn_right(){
    	hidden_all();
    	nowShow++;
    	if(nowShow>$imgs.length){
    		nowShow=nowShow-$imgs.length;  		
    	}
    	show_now();
    }
    
    function turn_left(){
    	hidden_all();
    	nowShow--;
    	if(nowShow<1){
    		nowShow=nowShow+$imgs.length;  		
    	}
    	show_now();
    	//alert(nowShow);
    }
    
	function hidden_all(){
		 for(var i=1;i<$imgs.length+1;i++){
		    	$("#hero"+i).attr("style","left: -100%;");
		 }
    }
	function show_now(){
		 $("#hero"+nowShow).attr("style","left: 0%;");
   }
   </script>  

  
  

<%include("/front/content/include/include_nav.html"){}%>

<%include("/front/content/include/include_bottom.html"){}%>
<%include("/front/content/include/qq.html"){}%>
</div>

</body>
</html>
